/**
 * 财务分析-成长分析
 */
import React, { Component } from 'react';
import DataBinder from '@icedesign/data-binder';
import IceContainer from '@icedesign/container';
import TabSelect from '../../components/TabSelect/TabSelect';
import LineChart from './components/LineChart'
import './growAbilities.scss';
import { GetUrlParam } from '../../baseConfig';

var echarts = require('echarts');

// const { Row, Col } = Grid;
const clsPrefix = 'growAbilities';
// TODO: 替换成自己的数据
@DataBinder({
  RDChartData: {
    // url: 'api/getTraditionalScoreChart',
    //url: `${global.constants.GOLDEYEGETHOST}cattle/growth_analysis`,
    url: `${global.constants.GOLDEYEGETHOST}cattle/jianda_overiew`,
    type: 'get',
    // params: {
    //   secu_code: 000000111
    // },
    defaultBindingData: {}
  },
})

class growAbilities extends Component {

  constructor(props) {
    super(props);
    this.state = {
      RDChartID:"RDChart",
      numbers:{}
    };
    // 输入框
    this.value = '';
  }

  componentDidMount() {
  }

  //公共图表
  initChart(config,id,a) {
    let myChart = echarts.getInstanceByDom(document.getElementById(id));
    if( myChart === undefined){
        myChart = echarts.init(document.getElementById(id));
    }
    if(a){
      myChart.setOption(config,true);
    }else{
      myChart.setOption(config);
    }
    window.addEventListener('resize',()=>{
      myChart.resize();
    });
  }


  render() {
    const tabs = [{
      tab: "基本每股收益(同比增长率)",
      key: 0,
      des: "计算公式：每股收益增长率=(本期净利润/本期总股本-上年同期净利润/上年同期总股本)/ABS(上年同期净利润/上年同期总股本)*100% 。 该指标反映公司的中期业绩增长预期，使用该指标与整个市场、同行业其他公司、本公司的历史数据和该公司的营业收入增长率进行比较，从而衡量出该公司的未来增长潜力"
    },{
        tab: "营业总收入(同比增长率)",
        key: 1,
        des: "计算公式： 营业收入增长率=（本期末主营业务收入-期初主营业务收入）/期初主营业务收入*100% 。 营业收入增长率是公司成长能力很基础也是很重要的指标。该指标体现主营业务收入的增减变动，比率越大，说明营业收入增长越快，公司的市场认可和发展势头越好。优秀公司应当能够不断保持较理想的营业收入增长势头，给投资者展示更广的发展前景。值得注意的是，营业收入在财务统计中容易根据公司需要人为合规地调整，因此需合理看待该指标。"
    },{
        tab: "营业成本(同比增长率)",
        key: 2,
        des: "计算公式：主营业务成本增长率=（本期主营业务成本-期初主营业务成本）/期初主营业务成本*100% 。 该指标体现公司的营业成本变动情况，比率越大说明营业成本上升幅度越大。与营业收入增长率联合比对可以观察到公司盈利能力的变化，若营业成本增长率大于营业收入增长率，则公司的盈利能力呈现下降态势。"
    },{
        tab: "毛利(同比增长率)",
        key: 3,
        des: "计算公式：毛利增长率=（本期毛利-期初毛利）/期初毛利*100% 。 该指标直观表示公司毛利率的变化情况。"
    },{
        tab: "营业利润(同比增长率)",
        key: 4,
        des: "计算公式：营业利润增长率=（本期营业利润-期初营业利润）/期初营业利润*100% 。 该指标直观度量了公司盈利能力的变化。营业利润率越高，说明商品销售额提供的营业利润越多，公司的盈利能力越强。"
    },{
        tab: "归属母公司股东的净利润(同比增长率)",
        key: 5,
        des: "计算公式：归属母公司股东的净利润增长率=（本期归属母公司股东的净利润-期初归属母公司股东的净利润）/期初归属母公司股东的净利润*100% 。"
    },{
        tab: "经营活动产生的现金流量净额(同比增长率)",
        key: 6,
        des: "计算公式：经营活动产生的现金流量净额增长率=（本期经营活动产生的现金流量净额-期初经营活动产生的现金流量净额）/期初经营活动产生的现金流量净额*100% 。 该指标度量了公司经营现金流的增长幅度。该指标越高则意味着公司的经营现金流增长越快。"
    },{
        tab: "净资产收益率(摊薄)(同比增长率)",
        key: 7,
        des: "计算公式：净资产收益率增长率=（本期净资产收益率-期初净资产收益率）/期初净资产收益率*100% 。 该指标反映了股东权益收益水平的增长态势。"
    },{
        tab: "归属母公司股东的权益(相对年初增长率)",
        key: 8,
        des: "计算公式：归属母公司股东的权益增长率=（本期归属母公司股东的权益-年初归属母公司股东的权益）/年初归属母公司股东的权益*100%"
    },{
        tab: "资产总计(相对年初增长率)",
        key: 9,
        des: "计算公式：资产总计=（本期总资产-年初总资产）/年初总资产"
    }];

    let chartContent = [];
    for(let i=0;i<tabs.length;i++){
        chartContent.push((
            <div>
                <LineChart stockCode={GetUrlParam("secu_code")} chartType="偿债能力" des={tabs[i].des} chartName={tabs[i].tab} />
            </div>
        ))
    }

    return (
      <div className={`page-${clsPrefix}`}>
        <IceContainer style={{borderRadius:'0'}}><TabSelect tabs={tabs} content={chartContent}/></IceContainer>
      </div>
    );
  }
}

export default growAbilities;
